.user-details-form {
  display: flex;
  .user-details-left {
    margin-right: 20px;
    padding: 0 20px 78px 20px;
    width: 240px;
    height: 100%;
    background: #fff;

    .user-avatar {
      margin-top: 26px;
      padding-bottom: 26px;
      text-align: center;
      border-bottom: 1px solid #f2f2f2;

      .avatar-image {
        width: 96px;
        height: 96px;
        border-radius: 48px;
      }

      .avatar-name {
        margin-top: 6px;
        font-size: 30px;
        color: #000;
      }
    }

    .user-numerical {
      padding: 26px 0;
      display: flex;

      .integral, .cash {
        flex: 1;

        .number {
          font-size: 28px;
          color: #000;
        }

        .name {
          font-size: 14px;
          color: #4a4a4a;
        }
      }
    }

    .user-details {
      font-size: 14px;
      color: #9b9b9b;
    }
  }

  .user-details-right {
    flex: 1;
    background: #fff;
  }
}
